//migrated from CRA to vite

Ride Rite: Online Bicycle Shop Simulation

React Responsive Fullstack Ecommerce App, with Strapi CMS

Description

This online bicycle shop simulation allows users to easily browse through a catalog of products, add them to their cart, and securely make payments using the Stripe payment processing platform. I've also included advanced validation tools like Formik and Yup to ensure the safety and security of user information.

Built With

• React - A JavaScript library for building user interfaces
• Material UI - A popular React UI framework
• Stripe - A payment processing platform for online businesses
• Formik - A form library for React and React Native
• Yup - A JavaScript schema validation library
• Strapi - An open-source headless CMS for building APIs
• Redux Toolkit - A package that simplifies Redux code

Getting Started

To run this project on your local machine, follow these steps:

1. Clone the repository
2. Install dependencies with npm install
3. Start the frontend server with npm run dev
4. Start the backend server with npm run server

Once both servers are running, you should be able to access the app at http://localhost:3000.

Usage

To use this application, follow these steps:

1. Browse products and add them to your cart
2. Fill out the form with your information
3. Make payments using Stripe

Roadmap

Here are some of my upcoming plans for my online bicycle shop: -Add user accounts for secure authentication and data management. -Implement a fake newsletter subscription feature to improve email marketing skills. -Update frontend design for better user experience and CSS/UI design practice. -Create a showcase homepage featuring customer reviews and testimonials to practice marketing skills. -Implement search functionality for efficient data retrieval and filtering. -Create all footer routes (Careers, Our Stores, T&C, Privacy Policy etc.) to provide a comprehensive user experience and practice routing skills.