TapLap Store is a modern, responsive online store application built with React and Firebase. It features a variety of products, a shopping cart, user authentication, and more.
- Product listing with pagination.
- Detailed product information.
- Shopping cart functionality.
- User authentication with Firebase.
- Responsive design.
You can access a live demo here, or you may watch the following video demo:
taplap-store.mp4
src/: Contains the main application codeApp.jsx: Main application componentmain.jsx: Entry point of the applicationassets/: Contains static assets like images and database filescomponents/: Contains reusable React componentsconfig/: Contains configuration files likefirebase.jscontexts/: Contains React context providerspages/: Contains page componentsstyles/: Contains styled-components styles
public/: Contains public assets like images and faviconspackage.json: Defines scripts and dependencies.env: Contains environment variables.eslintrc.cjs: ESLint configuration filevite.config.js: Vite configuration file
- Context Reducer state management.
- Page Transitions.
- Native Styles using styled components.
- Hero and Micro Animations.
- Firebase Authentication.
- Clone the repository
- Install dependencies with
npm install - Set up your Firebase configuration in a
.envfile - Start the development server with
npm run dev
npm run dev: Starts the development servernpm run build: Builds the application for productionnpm run lint: Runs ESLint on the codebasenpm run preview: Serves the production build of the application
This applicetion was developed and built as self-practice of React, the codebase is not the best and to be refactored into more best practises aligned codebase.
Contributions are welcome! Please read the contributing guidelines first.
This project is licensed under the MIT License. See the LICENSE file for details.