1. Imaginary Game Store React TypeScript

This is a frontend project that uses React, a bit of CSS & TypeScript to handle CRUD requests for an imaginary game store and then sent this requests to a Imaginary Game Store Frontend.

2. Table of Contents

1. Imaginary Game Store React TypeScript
2. Table of Contents
3. Packages Required
4. Libraries to add in index.tsx
5. Folder Structure

3. Packages Required

Commands to run in the terminal:

npm i @fortawesome/fontawesome-free
npm i bootstrap
npm i react-bootstrap
npm i react-router-dom
npm i react-date-picker
npm i react-toastify

4. Libraries to add in index.tsx

• Bootstrap libraries:

import 'bootstrap/dist/css/bootstrap.min.css';
import 'bootstrap/dist/js/bootstrap.min.js';

• Fonts libraries:

import '@fortawesome/fontawesome-free/css/all.min.css';

• Date Picker & Calendar libraries:

import 'react-date-picker/dist/DatePicker.css';
import 'react-calendar/dist/Calendar.css';

• Toastify Libraries:

import 'react-toastify/dist/ReactToastify.css';

5. Folder Structure

In your project, create the following folder structure:

• Source Folder: md src
• App Folder: md src/app and Sub-folders:

md src/app/components
md src/app/container
md src/app/models
md src/app/routes
md src/app/services
md src/app/utilites
md src/app/utilites/domains
md src/app/utilites/functions
md src/app/utilites/hooks
md src/app/assets
md src/app/assets/images