Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/geekelo/gft-hackathon-webapp-project
The Global Female Tech Hackathon webpage is a project developed to promote an inclusive and groundbreaking event designed to empower women in the field of technology.
https://github.com/geekelo/gft-hackathon-webapp-project
api completed-project react react-router
Last synced: 29 days ago
JSON representation
The Global Female Tech Hackathon webpage is a project developed to promote an inclusive and groundbreaking event designed to empower women in the field of technology.
- Host: GitHub
- URL: https://github.com/geekelo/gft-hackathon-webapp-project
- Owner: geekelo
- Created: 2023-05-27T17:59:28.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-12-24T19:40:17.000Z (11 months ago)
- Last Synced: 2024-10-06T03:48:15.042Z (about 1 month ago)
- Topics: api, completed-project, react, react-router
- Language: CSS
- Homepage: https://geekelo.github.io/gft-hackathon-webapp-project/
- Size: 13.4 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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 tests](#run-tests)
- [Deployment](#deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
# 📖 Global Female Hackathon Webpage
**Global Female Hackathon Webpage** is a responsive, functional, and very aesthetic website template designed and developed to help female hackathon organizers fulfill the goal of narrowing the gender gap, promoting diversity within the tech industry, and bringing together brilliant minds from around the world to collaborate, innovate, and make a lasting impact. The design is simple and vibrant. The layout contains sections to display vital information. Details such as color contrasts, font sizes, etc. were given attention in order to improve the user experience.
Head to the LIVE DEMO SECTION for Live links and presentations
HTML
CSS
JavaScript
- **Mobile Friendly** : this website performs well on a mobile device like a phone or tablet.
- **Desktop Friendly**: this website is responsive to desktop screen sizes.
- **Simple and Attractive Design** : the UI / UX is engaging and appealing.
- **Functional** : this website is accessible, easy to navigate, and helpful for users.
- **Animations and transitions : This website has engaging transitions and animations that makes it easier to use, smoother and more natural.
> View the live demo of this project by clicking the text below.
- [See Live Demo](https://geekelo.github.io/gft-hackathon-webapp-project/index.html)
To get a local copy up and running, follow these steps.
> Clone the repository
```
git clone https://github.com/geekelo/gft-hackathon-webapp-project.git
```
> And you are ready to begin your project
### Setup
This project contains
An HTML FILE (free to edit) - file that contains html codes to give structure to the main webpage
A CSS FILE (free to edit) - file that contains css codes to style the webpage
A GIT IGNORE FILE (free to edit) - to hide personal or private files
HTML/CSS LINTER FILES (should not edit) - Do not make changes
A JAVASCRIPT FILE (free to edit) - that handles functionalities and dynamic HTML
### Prerequisites
> You should have Node and Git Installed
> You should have basic knowledge on HTML / CSS / JavaScript
> You should have a code editor
> Download install [VSCODE](https://code.visualstudio.com/) and [Git](https://git-scm.com/)
> To install linters, execute the following commands:
```
Initialize npm | ``` npminit -y ```
HTML | ``` npm install --save-dev [email protected] ```
CSS | ```npm install --save-dev [email protected] [email protected] [email protected] [email protected] ```
```
### Usage
To run the linters, execute the following command and fix linter errors:
```
HTML | ``` npx hint . ```
CSS | ```npx stylelint "**/*.{css,scss}" ```
If you get a flood of errors keep in mind that linters guide you in writing a clean code!
```
### Run Tests
You can run this program on your browser
You can deploy this project using the following procedure:
- Pick the right hosting provider.
- Choose the tool and method to upload your website.
- Upload files to your website.
- Move the website files to the main root folder.
- Import your database.
- Check if your website works worldwide.
👤 **Eloghene Otiede**
- GitHub: [@geekelo](https://github.com/geekelo)
- Twitter: [@Geekelo_xyz](https://twitter.com/Geekelo_xyz)
- LinkedIn: [LinkedIn](https://linkedin.com/in/eloghene-otiede)
- [See Documentation of Author's inputs](./Documentation/Geekelo-input.md)
You can offer Contributions, submit an [issue](../../issues/), and make a feature request.
- Add pop up modals
- Add the contact form
- Add more content pages
> Please give a ⭐️ to support this project
> I would like to thank Microverse for inspiring this project
> Original design idea by [Cindy Shin in Behance.](https://www.behance.net/adagio07)
This project is [MIT](./MIT.md) licensed.