Skip to content

A fictional digital games e-commerce with a working cart system, global states, checkout form validation, and data consumed from an API. Made with React + Vite, TypeScript, Redux, Styled Components and other React hooks.

License

Notifications You must be signed in to change notification settings

oliveira-victor/digital_dice

Repository files navigation

Digital Dice: digital games e-commerce

This repository contains the source code for an e-commerce application built with React JS + Vite, allowing users to browse and purchase their digital game library. All the games are fictional and the images were generated by Bing Image Creator AI.

Deploy link: https://digitaldice.vercel.app/

Digital.Dice.-.presentation.mp4

Features

  • Game catalog: Explore a comprehensive list of digital games with various genres, description and prices, provided by ann API.
  • States are managed globally thanks to the use of Redux.
  • Games list provided by an API, the data is available globally with Redux.
  • Browse through different pages keeping it an SPA with React-Router-DOM.
  • Add games to your cart, proceed to checkout with a payment gateway, with inputs validation managed by Yup and Formik.

Technologies used:

  • React JS
  • Vite
  • TypeScript
  • React Router DOM
  • Redux / Redux-toolkit
  • Styled-Components
  • Yup
  • Formik

Installation

  1. Clone the repository
    git clone https://github.com/oliveira-victor/digital_dice.git
    
  2. Navigate to the project directory
    cd digital_dice
    
  3. Install dependencies
    npm install
    
  4. Start the development server
    npm run dev
    
  5. Open your browser: Navigate to http://localhost:5173.

Contributing

  1. Fork the project
  2. Create a new branch
  3. Make your changes
  4. Submit a pull request

License:

This project is licensed under the MIT License. See the LICENSE file for details.

About

A fictional digital games e-commerce with a working cart system, global states, checkout form validation, and data consumed from an API. Made with React + Vite, TypeScript, Redux, Styled Components and other React hooks.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages