StarWars is a modern movie discovery and bookmarking application designed to help users explore trending movies and save their favorites. Built with React, TypeScript, and Vite, StarWars offers a fast, engaging, and responsive user experience. A simple login feature is implemented using Redux Persist to store and rehydrate user authentication state across sessions.
- Authentication: Secure login and protected routes for authorized access.
- Responsive UI: Modern, mobile-friendly design using Tailwind CSS
- Frontend: React, TypeScript
- Build Tool: Vite
- Styling: Tailwind CSS
- Icons: Lucide React
- State Management: Redux
Check out the live site here: https://starwars-app-uptick.netlify.app/
-
Clone the repository
git clone <repo-url> cd hrdeck
-
Install dependencies
npm install
-
Start the development server
npm run dev
The app will be available at http://localhost:5173
-
Build for production
npm run build
-
Preview production build
npm run preview
hrdeck/
├── public/ # Static assets
├── src/
│ ├── assets/ # Images and icons
│ ├── components/ # Reusable UI components
│ ├── constants/ # Static data and field definitions
│ ├── context/ # React Context for state management
│ ├── hooks/ # Custom React hooks
│ ├── layouts/ # Layout components
│ ├── pages/ # Page components
│ ├── types/ # TypeScript type definitions
│ ├── utils/ # Utility functions and mock data
│ ├── index.css # Global styles (Tailwind)
│ └── main.tsx # App entry point
├── package.json # Project metadata and scripts
├── tsconfig*.json # TypeScript configuration
├── vite.config.ts # Vite configuration
└── README.md # Project documentation
Contributions are welcome! Please open issues or submit pull requests for improvements and bug fixes.
This project is licensed under the MIT License.