1
showcase
Shipped: A tool for a problem you have
Vision Star – A Personal Life Management Application1. The Problem I Wanted to Solve
I built Vision Star to solve a personal real life problem.
I have a five-year plan for my life, but I found it difficult to track my progress, achievements, current activities, and future ambitions in one place.
For example, I am living in Germany approximately 2.5 years, I wanted to document what I had achieved, what I am currently doing, and where I want to see myself in the next few years.
That is why I decided to build Vision Star App.
2. How Vision Star Works
The application connects three stages of personal development:
- Past – Where I Started: Record previous experiences, achievements, and milestones.
- Present – Where I Am Now: Document current activities, responsibilities, and progress.
- Future – Where I Want to Be: Define long-term ambitions and future goals.
This helps users understand their journey and connect their daily actions with their long-term plans.
3. Technical Implementation and Limitations
I developed Vision Star using Next.js, React, TypeScript, Tailwind CSS, and LocalStorage.
#Users
As this is a frontend project, I did not integrate a backend or database. I just used localstorage for test, Max. 3 users can register, if any user is continuesly inactive 3 days his account will be removed automatically.
The application supports:
- Maximum three registered accounts.
- Individual data storage for each account.
- Automatic account removal after three days of inactivity.
- Login and logout functionality.
Data is stored in the browser, so it is not synchronized across devices. Authentication is a prototype and is not production-secure.
4. How Vision Star Meets the Brief A Requirements
1. GitHub Repository: Includes development history through commits.
2. README: Explains the project and how to run it locally.
3. Failure and Empty States: Handles empty workspaces, incorrect login details, and registration limits.
4. Deployment: Provides a live website or a short demonstration video.
5. Limitations: Clearly explains what is not implemented, such as backend integration, a cloud database, and secure authentication.
5. Project Objective
My objective was to build a practical tool that helps people understand where they started, where they are today, and where they want to be in the future.
Vision Star – Your Past. Your Present. Your Future.
Repository: https://github.com/humaeidmansur/vision-star.git
Live: https://vision-star-app-made-by-humaeid.vercel.app
Built for the Verified Frontend Internship · Final project
Add a comment
0/2000