Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/muskan2532150/web-development-roadmap

This website helps to search for information related to web development. It contains the roadmaps, sources, channels, and dept information such as language, tools, and other materials to enhance your coding skills.
https://github.com/muskan2532150/web-development-roadmap

css html javascrpt linters

Last synced: 17 days ago
JSON representation

This website helps to search for information related to web development. It contains the roadmaps, sources, channels, and dept information such as language, tools, and other materials to enhance your coding skills.

Awesome Lists containing this project

README

        

# 📗 Table of Contents

- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run Linters](#run-linters)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

# Web Development-Roadmap

This website helps to search for information related to web development. It contains the roadmaps, sources, channels, and dept information such as language, tools, and other materials to enhance your coding skills.

## 🛠 Built With

### Tech Stack

> Web Development-Roadmap is front-end project

Technologies

### Key Features

> We can see the event details and can connect with the organizers and speakers.

(back to top)

## 🚀 Live Demo

> Link to your deployed project.

[Live Demo](https://muskan2532150.github.io/Web-Development-Roadmap/)

(back to top)

## 💻 Getting Started

> In order to start with this project do as follows :
To get a local copy up and running, follow these steps.

### Prerequisites

- In order to explore this repository, you must have a good knowledge on HTML5 - semantics, CSS3 and JavaScript with ES6.

### Setup

Clone this repository to your desired folder:

` https://github.com/muskan2532150/Web-Development-Roadmap.git `

then

`cd Web-Development-Roadmap`

### Install

- Make sure that you have already downloaded the `node` and `npm` on your system. If yes, then install the
packages by using below command.

`npm i`

### Usage

- You can simply use run-server vscode extension to run this website on your local browser.

### Run Linters

I have added the linters or tests in order to avoid anykind of typos and ensure the good practices in this project. So while using this repository if you need to check your work no matters have worked on html, css and js you can use below commands

- In order to run the linter test on `index.html` or any html file. Use below command

`npx hint .`

- To run linter test on stylesheets. Use below command

`npx stylelint "**/*.{css,scss}"`

- To run linter test on javascript files. Use below command

`npx eslint .`

**it will automatically correct the errors**

(back to top)

## 👥 Authors

> Mention all of the collaborators of this project.

### 👤 MUSKAN GUPTA
- GitHub: [@github](https://github.com/muskan2532150)
- Twitter: [@twitter](muskan2532150)
- Linkedin: [@linkedin](https://www.linkedin.com/in/muskan-gupt/)

(back to top)

## 🔭 Future Features

> In upcoming weeks I will add some features as mentioned below
- [ ] **Add full features like sign-up, sign-in and API**

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)

## ⭐️ Show your support

> Write a message to encourage readers to support your project
If you like this project then please give a ⭐️ and also share your feedback using github_issues.

(back to top)

## Acknowledgments

For Design Inspiration I would like to Acknowledge
Cindy Shin ❤️

(back to top)

## 📝 License

This project is [MIT](./LICENSE) licensed.

(back to top)