/Wookie-Movies-ReactJS-Vite-ESLint-TypeScript-Express-

"Movie Listing App with category, API bearer authentication, State management, Search by filtering, Technologies used ReactJS, TypeScript, Vite, ESLint, Express, Node, MongoDB. Clean architecture, axios Interceptor."

Primary LanguageTypeScript

Movie Listing App 🌟

Description

This project is a Movie Listing App built using ReactJS, TypeScript, Vite, ESLint, Express, Node, and MongoDB. It aims to provide users with a platform to browse and search for moving services conveniently. The app incorporates features such as category organization, API bearer authentication, state management, and search by filtering.

Instructions to Run the App

  1. Clone the repository.
  2. Navigate to the project directory.
  3. Both the frontend and backend in the same repository.
  4. Install dependencies using npm install separately.
  5. Start the development server using npm start.
  6. Run the frontend using npm run dev.
  7. Access the app in your browser at http://localhost:3001.
  8. Note: secret values are protected in .env file, it's not accessible for you, create your own .env and run the project.

Authentication

The app uses API bearer authentication for secure access to protected endpoints. Users need to authenticate themselves using valid bearer tokens.

State Management

State management is implemented using Redux, facilitating efficient data flow between components and ensuring a seamless user experience.

Search and Filtering

Users can search for specific moving services or filter them based on various criteria, enhancing the browsing experience and making it easier to find relevant listings.

Clean Architecture

The project follows a clean architecture approach, emphasizing modularity and separation of concerns to maintain a scalable and maintainable codebase.


Thumbnail