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

https://github.com/uzair-manzoor/capstone

This project is based on an online website for a conference. The content has been personalized on the design guidelines which were provided to create the website
https://github.com/uzair-manzoor/capstone

behance-website capstone css-flexbox css-grid-layout html-css-javascript linters-config mit-license

Last synced: 3 months ago
JSON representation

This project is based on an online website for a conference. The content has been personalized on the design guidelines which were provided to create the website

Awesome Lists containing this project

README

          

## 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 Linters](#run-linters)
- [Deployment](#deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

# 📖 Capstone Project

> Capstone Project is designed to provide information and resources to students, faculty members, and university visitors, showcasing the academic programs and research opportunities available. Built with HTML, CSS, and JavaScript. The main objective of this project is to start practicing the professional way to work with CSS HTML and JavaScript in responsive design, using the basic structure, data query, flexbox and all following a template in Behance. Capstone Project

![image](./resources/image/Highlights.png)

## 🛠 Built With

### Tech Stack

Client

### Key Features

- Add the linter for the project to fix the errors and clean the codeok_hand
- User-friendly Interface: Simple and intuitive interface for a seamless user experience.rocket
- Style the text using the CSS 100

(back to top)

## 🚀 Live Demo

- [Live Demo Link](https://uzair-manzoor.github.io/Capstone/index.html)

(back to top)

## 💻 Getting Started

To get a local copy up and running, follow these steps.

**1. Prerequisites**

In order to run this project you need:

- Visual Studio
- Github
- git

**2. Setup**

Clone this repository to your desired folder:

Example commands:

git clone https://github.com/Uzair-Manzoor/Capstone.git

**3. Install**

- please first install the node package files
- npm install

**4. Usage**

- In order to use this project you create branch to add more feature.
- But in order to run the project use below commands.
- npm run build (It will create a production ready file)
- npm start (It will run the server on your machine)

**5. Run Linters**

I have added linters or tests in order to avoid typos and ensure good practice 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 `script.js` or any other javascript files. Use below command
`npx eslint .`

**6. Deployment**

You can deploy your project using `github` free source.

(back to top)

## 👥 Authors

👤 **Uzair-Manzoor**

- GitHub: [@githubhandle](https://github.com/Uzair-Manzoor)
- Twitter: [@twitterhandle](https://twitter.com/UzairKiyani5555)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/uzair-manzoor-b69996115/)

(back to top)

## 🔭 Future Features

- [ ] **[add more interactive features and sections]**
- [ ] **[add more styles]**

(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

If you like this project please don't hesitate to support me with your valued contribution and don't forget to star the repo to reach more people.

(back to top)

## 🙏 Acknowledgments

I would like to thank Microverse for their unique way of teach me how to code, and also Freecodecamp and w3school for their practical articles that helped me to make this project.

(back to top)

## 📝 License

This project is [MIT](https://github.com/Uzair-Manzoor/Portfolio/blob/main/LICENSE) licensed.

(back to top)