/web-tools-gl01

A product site to showcase features of my web Chrome extensions.

Primary LanguageJavaScriptMIT LicenseMIT


Web Tools @GL01.

This website aims to showcase the features of my web Chrome extensions, receive valuable feedback and opinions to improve them, and report any encountered bugs.

✨ Features

  • Landing pages for all extensions
  • Features demo
  • Share opinions/bugs
  • Collect rating and exit feedback

Tech Stack

Stack - - - - -
FrontEnd



Reactjs



Chakra UI



CSS



Webpack



Javascript

BackEnd



Nodejs



MongoDB



Express



Vercel



Javascript

🚀 Quick start

Start local developing with...

Step 1: Clone the repo

Fork the repository. then clone the repo locally by doing -

git clone https://github.com/getlost01/web-tools-gl01.git

Step 2: Install Dependencies

cd into the directory

cd web-tools-gl01

In the root folder do npm install.

npm install

And you are good to go

npm run start

After running the server the site should be running on https://localhost:8000

📂 What's inside?

A quick look at the folder structure of this project.

src
├── App.js
├── assets
│   ├── css
│   ├── favicons
│   └── images
│       ├── 404
│       ├── brand-logo
│       └── hero
├── components
│   ├── ExitForm
│   ├── FeatureGrid
│   │   └── FeatureCell
│   ├── FeatureImages
│   │   └── Feature
│   ├── Footer
│   ├── Hero
│   ├── HoverBadge
│   ├── NavBar
│   │   └── MobileNav
│   └── Preloader
├── index.html
├── index.js
├── pages
│   ├── Home
│   └── NotFound
└── theme
    ├── components
    └── index.js

✌️ Contributing

  • Once you have cloned and set up the project on your local machine, you can proceed to push the changes to your GitHub fork and create a pull request.
  • You have to run the tests locally to ensure that everything is functioning properly.

Pushing the changes

git add .
git commit -m "feat: yay I added new stuff"
git push origin branch_name

Made with ❤️ and React (aka Javascript)