https://github.com/cancelei/capstone-m1-event-page
Main learning points: Use HTML, CSS and in later PR's use JS to generate dynamically Sections of the Website. Done while doing Microverse Coding School.
https://github.com/cancelei/capstone-m1-event-page
website
Last synced: 3 months ago
JSON representation
Main learning points: Use HTML, CSS and in later PR's use JS to generate dynamically Sections of the Website. Done while doing Microverse Coding School.
- Host: GitHub
- URL: https://github.com/cancelei/capstone-m1-event-page
- Owner: cancelei
- License: other
- Created: 2023-05-22T12:41:24.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-06-02T22:24:52.000Z (about 2 years ago)
- Last Synced: 2025-01-17T05:10:40.848Z (5 months ago)
- Topics: website
- Language: CSS
- Homepage: https://cancelei.github.io/Capstone-M1-Event-Page/
- Size: 6.37 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
Cancelei's Capstone Project
# 📗 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 tests](#run-tests)
- [Deployment](#triangular_flag_on_post-deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ (OPTIONAL)](#faq)
- [📝 License](#license)
**Event D-HTML Page** is simple project that includes a HTML file with corresponding CSS styling, and a backend setup that includes specific linters that verify Html/CSS files for auto-merge capability. It also has autogenerating parts that use Javascript with objects.
## 🛠 Built With Love and Passion
Client
Server
- N/A
Database
- N/A
- ** HTML & JS**
- ** CSS**
- ** Linters to automatically check availability to merge on to the main(head) branch.**
- Link
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
Download Project Files from github.
### Setup
Clone this repository to your desired folder:
### Install
Install Node Package by running:
- npm install
### Usage
- In other to use the repo you either to create a branch to create new features.
- But in order to run the project use the commands below:
- npm run build (It will create a production ready file)
- npm start (It will run the server on your local machine)
### Run Linters (Testing)
I have added Linters different kinds of Linters to help avoid typos and ensure the best practices of the code base.
So while using this repository if you need to check your work no matter if you have worked on HTML or CSS, or even JS you can use the commands below.
- To run the linter test on index.html or any HTML file. Use the below command:
npx hint .
-To run linter test on Stylesheets (CSS or sass). Use the below command:
npx Stylelint "**/*.{css,scss}"
- To run linter test on ES Lint (JS). Use the below command:
npx eslint .
### Deployment
N/A
> Mention all of the collaborators of this project.
👤 **Author Glauber Bannwart**
- GitHub: [@cancelei](https://github.com/cancelei)
- LinkedIn: [LinkedIn](https://linkedin.com/in/gbannwart)
- Improve UX Experience for the Event
- Add form
- Add Newsletter Subscription form
N/A
N/A
Original design idea by Cindy Shin in Behance.BEHANCE
Icons by Surang (Agricultura e jardinagem ícones criados por surang - Flaticon)
This project is [MIT](./LICENSE.md) licensed.