Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/alexgalhardo/games.alexgalhardo.com
A side project I created to learn ReactJS with Typescript using Stateless Authentication with JWT and localStorage, as also improve my skills in product development, UI/UX, SEO, and so on. This is a Micro SaaS (software as a service) project, that uses Stripe checkout to take care of payments and subscriptions management.
https://github.com/alexgalhardo/games.alexgalhardo.com
bootstrap5 react single-page-applications spa stripe
Last synced: 21 days ago
JSON representation
A side project I created to learn ReactJS with Typescript using Stateless Authentication with JWT and localStorage, as also improve my skills in product development, UI/UX, SEO, and so on. This is a Micro SaaS (software as a service) project, that uses Stripe checkout to take care of payments and subscriptions management.
- Host: GitHub
- URL: https://github.com/alexgalhardo/games.alexgalhardo.com
- Owner: AlexGalhardo
- Created: 2024-11-11T18:43:36.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-11-19T01:58:46.000Z (3 months ago)
- Last Synced: 2025-01-20T02:05:36.240Z (22 days ago)
- Topics: bootstrap5, react, single-page-applications, spa, stripe
- Language: TypeScript
- Homepage: https://games.alexgalhardo.com
- Size: 1.11 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
games.alexgalhardo.com v2
## Introduction
- Legacy v1:
- A personal project I created to learn and improve my skills in:
- [ReactJS](https://react.dev/) with Typescript
- Single Page Applicaiton (SPA)
- Stateless Authentication & Authorization using [JWT](https://jwt.io/)
- localStorage
- Webhooks
- Product development (UI/UX, SEO, etc)
- SaaS (Software as a Service) FrontEnd Development
## Tools & Features
- [Vite v5](https://vitejs.dev/)
- [Boostrap v5](https://getbootstrap.com/)
- [ReactJS + TypeScript](https://react.dev/)
- [Bun](https://bun.sh/docs/installation)
- Prettier & [Husky](https://www.npmjs.com/package/husky)
- Pagination & Search
- Contact Forms
- Subscriptions
- Google & Github Social Login
- Deploy:
- Emails:
- Payments:
- Frontend Global State Management:
- [React Hooks: useContext, useContext, useMemo, useReducer, useCallback](https://react.dev/reference/react)
## ToDo v3
- [ ] Refactor using [TailwindCSS](https://tailwindcss.com/)
- [ ] Use
- [ ] Refactor using [NextJS and SSR](https://nextjs.org/)
- [ ] Create unit tests using [Jest for React](https://jestjs.io/docs/tutorial-react)
- [ ] Create End to End Tests using [Playwright](https://playwright.dev/)
- [ ] CI/CD using Github Actions to format code, run unit and end to end tests and deploy to [Vercel](https://vercel.com/)
## API
- BackEnd Source Code:
- Documentation Source code:
- Docs Live:
## Development Setup Local
1. Clone this repository
```bash
git clone [email protected]:AlexGalhardo/games.alexgalhardo.com.git
```
2. Enter repository
```bash
cd games.alexgalhardo.com/
```
3. Install dependencies
```bash
npm install
```
4. Setup your environment variables
```bash
cp .env.example .env
```
5. Start local server
```bash
npm run dev
```
## Build for deploy
a. Creating build
```bash
bun run build
```
b. Preview build server
```bash
bun run start
```
## License
[MIT](http://opensource.org/licenses/MIT)
Copyright (c) August 2023-present, [Alex Galhardo](https://github.com/AlexGalhardo)