games.alexgalhardo.com v2

Introduction

• Legacy v1: https://github.com/AlexGalhardo/legacy-games.alexgalhardo.com
• A personal project I created to learn and improve my skills in:
  • ReactJS with Typescript
  • Single Page Applicaiton (SPA)
  • Stateless Authentication & Authorization using JWT
  • localStorage
  • Webhooks
  • Product development (UI/UX, SEO, etc)
  • SaaS (Software as a Service) FrontEnd Development

Tools & Features

• Vite v5
• Boostrap v5
• ReactJS + TypeScript
• Bun
• Prettier & Husky
• Pagination & Search
• Contact Forms
• Subscriptions
• Google & Github Social Login
• Deploy: https://vercel.com/
• Emails: https://resend.com/
• Payments: https://stripe.com/
• Frontend Global State Management:
  • React Hooks: useContext, useContext, useMemo, useReducer, useCallback

ToDo v3

• Refactor using TailwindCSS
• Use https://ui.shadcn.com/
• Refactor using NextJS and SSR
• Create unit tests using Jest for React
• Create End to End Tests using Playwright
• CI/CD using Github Actions to format code, run unit and end to end tests and deploy to Vercel

API

• BackEnd Source Code: https://github.com/AlexGalhardo/api.games.alexgalhardo.com
• Documentation Source code: https://github.com/AlexGalhardo/docs.games.alexgalhardo.com
• Docs Live: https://docs.games.alexgalhardo.com

Development Setup Local

1. Clone this repository

git clone git@github.com:AlexGalhardo/games.alexgalhardo.com.git

2. Enter repository

cd games.alexgalhardo.com/

3. Install dependencies

npm install

4. Setup your environment variables

cp .env.example .env

5. Start local server

npm run dev

Build for deploy

a. Creating build

bun run build

b. Preview build server

bun run start

License

MIT

Copyright (c) August 2023-present, Alex Galhardo