Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ahmedmohmd/web-guider
Nice Website that give you an Awesome Tools, Website, Packages and more that will help You as a Backend or Frontend Developer.
https://github.com/ahmedmohmd/web-guider
backend-tools css frontend-tools html react reactjs sass tailwindcss vscode-extension web web-guider web-tools
Last synced: about 2 months ago
JSON representation
Nice Website that give you an Awesome Tools, Website, Packages and more that will help You as a Backend or Frontend Developer.
- Host: GitHub
- URL: https://github.com/ahmedmohmd/web-guider
- Owner: ahmedmohmd
- Created: 2022-06-29T16:41:45.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-07-13T16:05:46.000Z (over 2 years ago)
- Last Synced: 2023-03-07T13:33:29.245Z (almost 2 years ago)
- Topics: backend-tools, css, frontend-tools, html, react, reactjs, sass, tailwindcss, vscode-extension, web, web-guider, web-tools
- Language: JavaScript
- Homepage: https://web-guider.vercel.app/
- Size: 4.03 MB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Web Guider
## 🚀 Brief Overview
Web Guider is a comprehensive platform offering curated packages, libraries, and VS Code extensions designed to boost productivity for frontend and backend developers. Whether you're building complex applications or just starting out, Web Guider simplifies your workflow, helping you discover tools that accelerate development, enhance code quality, and streamline project management. Perfect for developers seeking to optimize their setup and elevate their coding experience.
## ✨ Key Features
1. Responsive Design
2. Awesome Design thanks to **tailwind** and **Preline UI**.
3. Nice perfomance.
## 🛠️ Tech Stack
- React.js
- TailwindCSS
- Sass
- [**Preline UI**](https://preline.co/docs/index.html)
- [**Raact Router**](https://reactrouter.com/)
- [**React Icons**](https://react-icons.github.io/react-icons/)
- [**React Syntax Highlighter**](https://www.npmjs.com/package/react-syntax-highlighter)
## 🔧 Install Instructions
1. Clone the repo
```bash
git clone https://github.com/ahmedmohmd/web-guider.git
```
2. Install dependencies
```bash
yarn install
```
3. Run the App
```bash
yarn run dev
```
## 🖥️ Usage
1. You can get all most powerfull tools that will boost you productivity as a `backend` or `frontend` developer.
2. You can different:
- VS Code extenstions
- NPM Packages
- Awesome Roadmaps
- Great Softwares
4. You can get all instructions to install these tools.
## 👀 Demo
[Web Guider](https://web-guider.vercel.app/)
## 🖼️ Application's Screeshots
