Welcome to the FlikFolio Frontend repository! FlikFolio is a web application designed to help users search for movies, save them for later, and track their favorite films. The frontend is developed using React.js, and it interacts with a Flask-based backend API.
The application is live and can be accessed at: FlikFolio.
- Movie Search: Search for movies by title and view detailed information.
- Watch Later List: Save movies to your "Watch Later" list for future viewing.
- Favorites: Mark movies as favorites and keep track of your liked films.
- User Authentication: Register, log in, and manage user sessions securely.
- Responsive Design: Provides a seamless experience on both desktop and mobile devices.
To set up the FlikFolio Frontend locally, follow these steps:
-
Clone the Repository:
git clone https://github.com/rahulaauji-30/flikfolio-fronend.git
-
Navigate to the Project Directory:
cd flikfolio-fronend
-
Install Dependencies:
Ensure you have Node.js installed. Then run:
npm install
-
Set Up Environment Variables:
Create a
.env
file in the root directory and add the following environment variable:REACT_APP_API_URL=your_flask_api_url
Replace
your_flask_api_url
with the URL of your Flask backend API.
To start the development server, run:
npm start
This command will launch the app in development mode. Open your browser and go to http://localhost:3000
to view the application.
For a production build, use:
npm run build
The production-ready files will be located in the build
directory.
For development tasks:
-
Run Tests:
Execute tests with:
npm test
-
Linting and Formatting:
The project uses ESLint and Prettier for code quality. Run:
npm run lint
To format your code, use:
npm run format
Contributions to the FlikFolio Frontend are welcome! To contribute:
- Fork the repository.
- Create a new branch (
git checkout -b feature/YourFeature
). - Make your changes and commit them (
git commit -am 'Add new feature'
). - Push to your branch (
git push origin feature/YourFeature
). - Open a Pull Request.
Please ensure your code adheres to our coding standards and includes appropriate tests.
For any questions or feedback, please reach out to:
- Email: rahulaauji71@gmail.com
- GitHub: rahulaauji-30