muslemomar / crown-clothing

🛍️ Crown Clothing: A dynamic ecommerce platform built with React, Redux, TypeScript, and GraphQL, offering seamless user authentication, secure payments, and scalable architecture for a modern shopping experience.

👑 Crown Clothing

Welcome to Crown Clothing, a full-stack ecommerce application designed to provide users with a seamless shopping experience. This project incorporates user authentication, online payment processing, and large-scale architecture for robust performance. Built with React, Redux, Typescript, GraphQL, and various other technologies, Crown Clothing offers a modern and feature-rich platform for both customers and administrators.

Live preview: https://magical-duckanoo-cb7b70.netlify.app

💡 Features

• User Authentication: Secure user authentication system allowing customers to create accounts, log in, and manage their profiles.
• Online Payments: Integration with Stripe for secure and convenient online payment processing.
• Redux State Management: Utilization of Redux for efficient state management across the application.
• GraphQL: Implementation of GraphQL for flexible and efficient data fetching.
• Responsive Design: Fully responsive design ensures a seamless experience across various devices and screen sizes.
• Scalable Architecture: Built with scalability in mind to accommodate potential growth and increased traffic.
• Firebase Integration: Leveraging Firebase for backend services such as google sign-in and real-time database capabilities.

🛠️️ Technologies Used

• React: A JavaScript library for building user interfaces.
• TypeScript: A typed superset of JavaScript that compiles to plain JavaScript.
• Redux: A predictable state container for managing application state.
• GraphQL: A query language for APIs to fetch precisely the data you need.
• Stripe: A payment processing platform for online businesses.
• Firebase: A comprehensive platform for building web and mobile applications.
• Styled-Components: Utilized for styling components with CSS-in-JS approach.
• Sass: Preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS).
• Jest & Enzyme: Testing frameworks for ensuring code reliability and quality.
• Workbox: A set of libraries and Node modules that make it easy to cache assets and take full advantage of features used to build Progressive Web Apps.

🚀 Getting Started

1. Clone the repository.
2. Install dependencies using npm or yarn: npm install or yarn
3. Start the development server: npm start or yarn start
4. Open your browser and visit http://localhost:3000