Chocolat_Boutique_Frontend

Video Demo

Boutique de Chocolat is an e-commerce application that allows users to purchase handcrafted chocolate treats. Application is built with React on the frontend and Ruby on Rails on the backend. Application is built for demonstrational purpose.

Link to Backend API

Table of Contents

• Getting Started
• Project Images
• Features
• Tech Stack
• Tools

Getting Started

1. Install Rails Backend API

2. Install Node.js and npm $ brew install node

3. Clone this repo and cd into the directory

4. Install all dependencies $ npm install

5. Make sure the Rails server is running and then run the app $ npm start

Project Images 📷

Features

Home Page

Shopping Page

Search Functionality 🔍

Cart Functionality 🛒

Creating User Account 👨‍

Cart Checkout 💰

Payment 💵

Tech Stack

• React.js
• Ruby on Rails API (Backend: https://github.com/Elronia/Chocolat_Boutique_Backend)
• PostgreSQL
• Active Record
• HTML/CSS
• Flexbox
• Semantic UI
• Cloudinary
• Stripe API

Tools

• Rack CORS
• ActiveModel::Serializer
• BCrypt
• React Router
• JWT