Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ghostesso/portfolio-new-setup-bugs
My portfolio
https://github.com/ghostesso/portfolio-new-setup-bugs
Last synced: 18 days ago
JSON representation
My portfolio
- Host: GitHub
- URL: https://github.com/ghostesso/portfolio-new-setup-bugs
- Owner: GhostEsso
- License: mit
- Created: 2023-12-19T21:39:27.000Z (11 months ago)
- Default Branch: dev
- Last Pushed: 2024-01-31T17:28:23.000Z (10 months ago)
- Last Synced: 2024-10-17T06:16:42.768Z (about 1 month ago)
- Language: JavaScript
- Homepage:
- Size: 123 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.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) & [Install](#install)
- [Run tests](#run-tests)
- [👥 Authors](#authors)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ (OPTIONAL)](#faq)
- [📝 License](#license)
# 📖 Portofolio: set up and mobile
> Description
For this project, the goal is to figure out how to turn a Figma design into a functional user interface. For this, you will use Flexbox to place the elements on the page to create a personal portfolio website.
The site will be enhanced through the use of images and wallpapers to give a professional and attractive look. This project will allow you to practice your web development skills and learn how design skills can be applied to improve the look of your website.
By using Flexbox, you will learn how to position and align your website elements efficiently. You will also learn how to integrate images and wallpapers to bring your website to life. Once you complete this project, you will be able to create professional looking user interfaces using the techniques learned along the way.
before, you have to set up linters in your HTML and CSS project to improve the quality of your code and help catch errors and potential issues. Linters are tools that let you check your code to make sure it follows coding best practices, you will be able to improve the quality of your code and save time by avoiding common mistakes.
## 🛠 Built With
- Next.js
- Chakra UI
- Framer Motion
- Prettier
This project was carried out using the following technologies:
Client
- HTML - the standard markup language for creating web pages
- CSS - a style language used to define the presentation of web pages
- GitHub - a software development platform based on Git
- Figma - Figma is a cloud-based graphic design tool that allows teams to collaborate in real time on user interface (UI) design projects
### Key Features
- Configuring and using linters to improve the quality of HTML and CSS code
- Detection of errors and potential problems in the code through the use of linters
- Help in implementing good coding practices in HTML and CSS
- Ability to automate code quality checking to save time and avoid common mistakes
- [Live Demo Link](https://ghostesso.github.io/Portfolio-New-Setup-bugs/)
## 💻 Getting Started
### Prerequisites
To get a local copy up and running follow these simple example steps.
1. Clone the project using `git clone` or just copy the command below:
```
git clone https://github.com/GhostEsso/Portfolio-New-Setup-bugs.git
```
2. Open the project with `Visual Studio Code`
3. Run `npm install` to get the dependencies
*not sure how to use npm? Read [this](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm).*
4. Run the project using this command:
```
npm run dev
```
*not sure how to use npm? Read [this](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm).*
### Run tests
Open a terminal and navigate to your project's root directory.
Run the following command to run ESLint and check the quality of your HTML code:
> npx eslint **/*.html
Run the following command to run stylelint and check the quality of your CSS code:
> npx stylelint "**/*.css"
These commands will run the linters and tell you about errors and warnings in your HTML and CSS code.
AUTHORS
## 👥 Authors: GhostEsso
- GitHub: [@GhostEsso](https://github.com/GhostEsso)
- Twitter: [@TambanaEssohana](https://twitter.com/TambanaEssohana)
- LinkedIn: [@TambanaEssoahan](https://www.linkedin.com/in/essohanam-tambana-62aa081a1/?originalSubdomain=tg)
- [1] **Adding new pages or sections to the website**
- [2] **Integration of a search functionality**
- [3] **Mise en place d'un système d'authentification et d'autorisation pour les utilisateurs**
CONTRIBUTING
Feel free to check the [issues page](../../issues/).
## ⭐️ Show your support
If you liked this project, don't hesitate to support it by giving a ⭐️!
It means a lot to me and encourages me to continue working on this project and to create other interesting projects in the future.
If you have any comments or suggestions to improve this project, do not hesitate to contact me.
If you like this project...
## 🙏 Acknowledgments
I am grateful for any input and support for this project. If you have contributed to the project and are not on this list, please contact me so I can add you.
## 📝 Licence
[MIT Licence](LICENSE.md)