Chimoneg27/Technopreneur

In this project I used semantic HTML tags. I applied best practices in HTML code. Used CSS selectors correctly. Used CSS box model. Used flexbox to place elements on the page. Demonstrated ability to create UIs adaptable to different screen sizes using media queries. Used GitHub Pages to deploy web pages. Applied JavaScript best practices and langu

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 📹 Video Description
  • 🚀 Live Demo
• 💻 Getting Started
  • Prerequisites
  • Setup
  • Install
  • Usage
  • Run tests
  • Deployment
• 👤 Author
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ
• 📝 License

📖 Technopreneur

Technopreneur is a responsive, pixel-perfect, and optimized web app for the flagship event of IEDC MEC, and one of the most looked forward to events in MEC. It is the annual entrepreneurial and managerial symposium of Model Engineering College and includes a plethora of events including Research, Designing, Networking, Discussion, Knowledge and much more.

🛠 Built With

Tech Stack

Client

• HTML5
• CSS3
• JavaScript

Key Features

• Responsive Design.
• Pixel Perfect design.
• Multiple pages app.

(back to top)

📹 Video Description

• Here is a video walk through given by myself.

(back to top)

🚀 Live Demo

• Here is the link to the live experience.

	Mobile version	Desktop version

(back to top)

💻 Getting Started

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

Prerequisites

In order to run this project you need:

• A web browser to view output e.g Google Chrome.
• An IDE e.g Visual studio code.
• node should be installed in your local machine, node website.
• Install the npm package manager use this to install both node and npm.
• A terminal.

Setup

Clone this repository to your desired folder or download the Zip folder:

git clone https://github.com/AdnanOlarmmi/Technopreneur.git

• Navigate to the location of the folder in your machine:

you@your-Pc-name:~$ cd Technopreneur

Install

To install all dependencies, run:

npm install

Usage

To run the project, follow these instructions:

• After Cloning this repo to your local machine.
• Open the index.html in your browser.

Run tests

To run tests, run the following command:

• Track HTML linter errors run:

npx hint .

• Track CSS linter errors run:

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

• Track JavaScript linter errors run:

npx eslint .

Deployment

You can deploy this project using: GitHub Pages,

• I used GitHub Pages to deploy my website.
• For more information about publishing sources, see "About GitHub pages".

(back to top)

👤 Author

👤 Is-haq, Adnan Olamilekan

• GitHub: @AdnanOlarmmi
• Twitter: @AdnanIshaqOla
• LinkedIn: Adnan (Olamilekan) Is-haq

(back to top)

🔭 Future Features

• Implement Transitions Animation for hover effect.
• Implement a Sign up page.
• Add more pages.

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project and how I managed to build it!

(back to top)

🙏 Acknowledgments

• The original design ideal by Cindy Shin in Behance.
• Project from Microverse html & css module.
• Images inspired by Unsplash.
• Topic inspired by Khadija Hamdani.
• Thanks to the Microverse team for the great curriculum.
• Thanks to the Code Reviewer(s) for the insightful feedbacks.
• A great thanks to My coding partner(s), morning session team, and standup team for their contributions.
• Hat tip to anyone whose code was used.

(back to top)

❓ FAQ

• Can I fork and reuse the repository

  • Yes please, feel free.

• Can I improve the repository, and my changes will be accepted if they are good?

  • Yes please, nice ideas are welcome, please.

(back to top)

📝 License

This project is MIT licensed.

(back to top)