https://github.com/melvinchia3636/vanillaTweaks

A better looking version of Vanilla Tweaks Website
https://github.com/melvinchia3636/vanillaTweaks

express figma minecraft react redesign-project tailwindcss typescript vanillatweaks

Last synced: 3 months ago
JSON representation

A better looking version of Vanilla Tweaks Website

• Host: GitHub
• URL: https://github.com/melvinchia3636/vanillaTweaks
• Owner: melvinchia3636
• License: mit
• Created: 2022-03-09T02:50:09.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-04-11T21:12:56.000Z (about 1 year ago)
• Last Synced: 2024-01-22T01:51:49.544Z (5 months ago)
• Topics: express, figma, minecraft, react, redesign-project, tailwindcss, typescript, vanillatweaks
• Language: TypeScript
• Homepage: https://vanillatweaks.thecodeblog.net
• Size: 623 KB
• Stars: 6
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-stars - melvinchia3636/vanillaTweaks - A better looking version of Vanilla Tweaks Website (TypeScript)

README

        
🧰 Vanilla Tweaks Ramade


A better looking version of Vanilla Tweaks Website


## The Problem

Vanilla Tweaks is a collection of Minecraft resource packs, datapacks, etc. that can further enhance your gaming experience without losing the vanilla flavor of Minecraft. However, their website doesn't look particularly great, so I decided to redesign it.

## The Solution

I've made a redesigned and fully functional version of the vanilla tweaks official website.

## 🖥 Screenshots



 



 

  



## 🔬 Technologies Used 

![skills](https://img.shields.io/badge/-TYPESCRIPT-FF0000?style=for-the-badge&logo=typescript&logoColor=white&color=blue)

![skills](https://img.shields.io/badge/-HTML-FF0000?style=for-the-badge&logo=html5&logoColor=white&color=green)

![skills](https://img.shields.io/badge/-CSS-FF0000?style=for-the-badge&logo=css3&logoColor=white&color=indigo)

![skills](https://img.shields.io/badge/-TAILWIND_CSS-FF0000?style=for-the-badge&logo=tailwindcss&logoColor=white&color=22D3EE)

![skills](https://img.shields.io/badge/-REACT_JS-FF0000?style=for-the-badge&logo=react&logoColor=white&color=38BDF8)

![skills](https://img.shields.io/badge/-EXPRESS_JS-FF0000?style=for-the-badge&logo=express&logoColor=white&color=grey)

![skills](https://img.shields.io/badge/-FIGMA-FF0000?style=for-the-badge&logo=figma&logoColor=white&color=red)

## ⌨️ Setup

If you want to run the website on your local machine:

1. Clone the repository: `git clone https://github.com/melvinchia3636/vanillaTweaks`

2. Install all required dependencies for both client and serverside using `npm install`

4. Run `npm run dev` on client side

5. Run `npx index.js` on server side

## 📈 Status

This project is completed. If any bugs are found, please file an issue here, and I'll resolve it ASAP.

## 💡 Inspirations 

Since this is a redesign project, surely the inspirations are taken from the official ![](https://vanillatweaks.net/) website.

 

## 📄 License

Copyright © 2022 Melvin Chia


Licensed under MIT.