Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/riyabulia12/microversity-spring-fest

The project is based on an online website for a college cultural fest. It aids easy access to information related to all the events and allows hassle-free registration for students.
https://github.com/riyabulia12/microversity-spring-fest

css3 html javascript

Last synced: 27 days ago
JSON representation

The project is based on an online website for a college cultural fest. It aids easy access to information related to all the events and allows hassle-free registration for students.

Awesome Lists containing this project

README

        

![](https://img.shields.io/badge/Microverse-blueviolet)

# Microversity Folklore Fest

> This project is built under the tutelage of the Microverse community. The project is based on an online website for a college cultural fest. It aids easy access to information related to all the events and allow hassle-free registration for students. The main motto is to showcase the learning of web development technologies like HTML, CSS and Javascript. The website is currently built with only two pages, Home and About, which gives enough idea about what the Microversity Folklore fiesta is, the location of the event and way to reach out in case of any query.

## Built With

- Languages: HTML5, CSS5, JavaScript
- Frameworks: Bootstrap5
- Tools Used: Github Desktop
- VCS: Git
- Package Manager: Node, NPM
- Template Reference: [Cindy Shin Behance](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015])

## Live Demo

[Microversity Folklore Fiesta](https://riyabulia12.github.io/Microversity-Spring-Fest/)

## Getting Started

## Project Setup
To get a local copy up and running follow these simple example steps.

### Prerequisites

- You need to have Code Editor Installed
- Make sure Nodejs and NPM is installed in your system for linters

### Setup
1. Clone the repo in your local machine:
```bash
git clone https://github.com/RiyaBulia12/Project.git
```
2. Open terminal and cd into project
```bash
cd Project
```
3. Open the index.html in your brower:
```bash
open index.html
```

### Install
> To check linters run the following command:
1. Install WebHint:
```bash
npm install --save-dev [email protected]
```
2. Install StyleLint
```bash
npm install --save-dev [email protected] [email protected] [email protected] [email protected]
```
## Check Linters Error
1. To check CSS or SCSS linters error:
```bash
npx stylelint "**/*.{css,scss}"
```
2. To fix CSS or SCSS linters error:
```bash
npx stylelint "**/*.{css,scss}" --fix
```
3. To check HTML linters error
```bash
npx hint .
```

## Authors

👤 **Riya Bulia**

- GitHub: [@RiyaBulia12](https://github.com/RiyaBulia12)
- LinkedIn: [Riya-Bulia](https://linkedin.com/in/riya-bulia)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Template Refernce: [Cindy Shin in Behance](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015)
- Linters Article: [Setup Linters](https://questions.microverse.org/t/configure-linters-for-html-and-css/2009)
- Content Refernce: [Spring Fest](https://springfest.in/)
- Template website: [CC Global Summit Korea 2015](https://summit.cckorea.org/main.html#)
- Icons resource: [Icons8](https://icons8.com/)
- Special Thanks to [Connor Follete](https://amtresu.github.io/) for sharing the website information which helped greatly to complete this project on time