e-commerce-ninjas-fe

E-COMMERCE NINJAS WEB APPLICATION - FRONTEND

Our e-commerce web application server, developed by Team Ninjas, facilitates smooth online shopping with features like user authentication, product cataloging, and secure payments. It’s built to enhance the user experience with high performance and reliability. Suitable for any online marketplace looking to grow.

Hosted Application URL

https://e-commerce-ninjas.netlify.app/

Github repository

https://github.com/atlp-rwanda/e-commerce-ninjas-fe

Completed features

• Setup empty react
• Setup Redux store
• Setup StoryBook documentation
• Landing page
• Sign up page
• Login/Signup with Google
• Notification panel

Get started

• Clone repository

  git clone https://github.com/atlp-rwanda/e-commerce-ninjas-fe
  

• Install dependencies

  npm install
  

• Run App - it will run on http://localhost:5000/

  npm run dev
  

StoryBook

To run storybook for documentation, use this command

npm run storybook 

Folder Structure

• public: Contains static files and folder like index.html and images.
• src: The main source folder for the React application.
  • components: Reusable UI components.
  • pages: Different pages/screens of the application.
  • store: Redux store setup and slices.
  • stories: StoryBook stories for UI components.
  • utils: Utility functions and helpers.
• .babelrc: Babel configuration file.
• .eslintrc: ESLint configuration file.
• .gitignore: Specifies which files and directories to ignore in Git.
• package-lock.json: Automatically generated file that describes the exact tree of dependencies.
• package.json: Contains project metadata and dependencies.
• README.md: The readme file you are currently reading.
• tsconfig.json: TypeScript configuration file.
• webpack.dev.config.ts: Webpack configuration file for development.
• webpack.prod.config.ts: Webpack configuration file for production.