https://github.com/andrewzhoumq123/web_goodies
A miscellaneous website with goodies: classic minigames, web dev cheatsheets, scientific calculators, scientific graph tools.
https://github.com/andrewzhoumq123/web_goodies
cheatsheets graphing-utility minigames nextjs scientific-calculator vercel
Last synced: 8 months ago
JSON representation
A miscellaneous website with goodies: classic minigames, web dev cheatsheets, scientific calculators, scientific graph tools.
- Host: GitHub
- URL: https://github.com/andrewzhoumq123/web_goodies
- Owner: AndrewZhouMQ123
- Created: 2024-12-08T07:09:40.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-02-18T01:42:26.000Z (8 months ago)
- Last Synced: 2025-02-18T02:36:35.140Z (8 months ago)
- Topics: cheatsheets, graphing-utility, minigames, nextjs, scientific-calculator, vercel
- Language: TypeScript
- Homepage: https://web-goodies.vercel.app/
- Size: 15.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Web Experiments
A miscellaneous website with all sorts of goodies: classic minigames, web dev cheatsheets, scientific calculators, scientific graph tools, and for trying out experimental frontend technologies
## Technologies Used
- TypeScript, JavaScript, HTML and CSS
- React, NextJS
- Custom CSS modules and Tailwind CSS
## Features
- HTML, CSS, JS, NPM, MACOS and VIM cheatsheets and many more
- Scientific Calculator and Graphing tools
- Classic minigames: Tetris, Pac Man, Space Invaders (coming soon)
- Search Function now searches for games and returns search results
- Landing page animations (coming soon)
## Future plans
- improved text to speech API, maybe incorporating AI voice
## Getting Started
### Prerequisites
- Node.js installed
- npm or yarn package manager
### Installation
1. Clone the repository:
```bash
git clone https://github.com/AndrewZhouMQ123/Web_Experiments
```
2. Navigate to the project frontend directory:
```bash
cd frontend
```
3. Install dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm start
```
### Running the Application
- Open [http://localhost:3000](http://localhost:3000) to view the app in the browser.
## Development Notes
### Troubleshooting
- Issues with SSML tags in Web Speech API.
### NextJS App router Integration
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
- Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
- Install VSCode Extension: PostCSS Language Support, solves Unknown at rule @tailwindcss(unknownAtRules)
## Deploy to Vercel
- Deploy to Vercel using the github repo
- Setup Postgres database (I used supabase)
- Connect database to project
- Create ids_table in database and insert the ids for dynamic routing