/savage-feast-burgers

A full-stack web app for a handcrafted burger store πŸ”, demonstrating proficiency in Javascript, Typescript, React, Redux.js, and MongoDB.

Primary LanguageTypeScript


Logo

SAVAGE FEAST

Enjoy your inner beast!

View Demo

Where the world of burgers meets the wild πŸ”

About the Project:

Savage Feast is a dynamic, full-stack web development project for a fictitious hamburger's restaurant. As a dedicated full-stack developer with proficiency in JavaScript, React, Redux.js, and MongoDB, I've channeled my skills into crafting an immersive and flavorful journey for burger enthusiasts πŸ˜›

Key Features:

πŸ” Menu of delicious burgers

Explore a menu of handcrafted, mouthwatering burgers that awaken your inner beast.

🎨 Sleek Design

An interactive, responsive design that ensures the best viewing experience on any device.

🌟 Full-Stack Magic

Combining the power of React, Redux.js, and MongoDB to deliver a seamless and robust web application.

(back to top)

.

Built with:

TypeScript NodeJS React

Vite ESLint

Git GitHub

WebStorm Vim

Linux Ubuntu

(back to top)

Tested with:

Jest cypress

Roadmap

  • Basic landing page
  • Add featured foods showcase
  • Menu
  • Add cart functionality
  • Add checkout functionality
  • Add Mercadopago wallet payment method
  • Add skeleton loading
  • Implement CI/CD workflow with GitHub Actions
  • Implement unit testing
  • Implement end-to-end testing
  • Setup database
  • Add cash payment method
  • Use Prettier
  • Make cart persistent
  • User management
    • Register and Login
    • Admin account
  • Admin control panel
  • Multi-language Support
    • English
    • Spanish

See the open issues for a full list of proposed features ( and known issues).

(back to top)

Getting Started

This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.

Prerequisites

  • Node v20.9.0
    nvm install 20
  • npm
    npm install npm@latest -g

Installation

  1. Clone the repo

    git clone https://github.com/ramos-adrian/savage-feast-burger.git
  2. Create '.env' file in the root folder.

    #.env
    VITE_API_URL="BACKEND_API_URL"
    VITE_MP_PUBLIC_KEY="MERCADOPAGO_PUBLIC_KEY"
    MERCADOPAGO_ACCESS_TOKEN="PRIVATE_KEY"
    FRONTEND_URL="FRONTEND_URL"
  3. Install NPM packages

    npm install
  4. Compile

    npm run build
  5. Start production mode```sh

    npm run start
    

(back to top)

πŸ‘¨β€πŸ’» I'm looking for Opportunities:

As a final-year engineering student and aspiring full-stack developer, I'm actively seeking opportunities to work in a collaborative team, further develop my technical expertise, and contribute to real-world projects. If you're interested in my skills and commitment to continuous growth, don't hesitate to reach out.

Let's create the future of web development together! πŸš€

Contact

Ramos, AdriΓ‘n David - ramosadrian@pm.me

LinkedIn

This project Link: https://github.com/ramos-adrian/savage-feast-burgers

(back to top)