https://github.com/nkaleth/portfolio

Full-stack personal portfolio built with React JS on the front-end and sanity.io in the back-end.
https://github.com/nkaleth/portfolio

full-stack-web-development reactjs sanity-io sass

Last synced: 15 days ago
JSON representation

Full-stack personal portfolio built with React JS on the front-end and sanity.io in the back-end.

• Host: GitHub
• URL: https://github.com/nkaleth/portfolio
• Owner: Nkaleth
• Created: 2023-07-04T15:43:00.000Z (over 1 year ago)
• Default Branch: dev
• Last Pushed: 2023-12-29T02:11:21.000Z (11 months ago)
• Last Synced: 2024-10-16T07:52:07.843Z (30 days ago)
• Topics: full-stack-web-development, reactjs, sanity-io, sass
• Language: JavaScript
• Homepage: https://nilton-segura-portfolio.netlify.app/
• Size: 9.95 MB
• Stars: 1
• 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)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License](#license)

# 📖 My portfolio 

**My portfolio** is a Full Stack project built with React JS and Sanity.io.

## 🛠 Built With 

### Tech Stack 

  Client

  


    
Html

    
Css

    
Figma

  


### Key Features 

- **Correct use of the Figma templates on the project.**

- **Correct use of the linters to have a Html/Css clean code.**

- **Understand how to parse a Figma design to create a UI.**

- **Use Flexbox to place elements in the page.**

- **Use CSS Grid to place elements in the page.**

- **Build a personal portfolio site.**

- **Create forms with HTML5 validations.**

- **Understand the importance of UX.**

- **Understand how to parse a Figma design to create a UI.**

- **Understand how to create UIs adaptable to different screen sizes using media queries.**

- **Use GitHub Pages to deploy web pages.**

- **Demonstrate ability to ask clarifying questions about ambiguous requirements.**

- **Use basic JavaScript syntax.**

- **Use JavaScript to manipulate DOM elements.**

- **Use JavaScript events.**

(back to top)


## 🚀 Live Demo 

- [Live Demo Here 😃](https://nilton-segura-portfolio.netlify.app/)

- [Sanity Studio (To manage the data)](https://nsportfolio.sanity.studio/)

(back to top)


## 💻 Getting Started 

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

### Setup

In order to run this project you need:

- Clone this repo

- Go to the dev branch.

- Run npm run dev

- Enjoy it. 😃

(back to top)


## 👥 Author 

👤 **Nilton Segura**

- GitHub: [@Nkaleth](https://github.com/Nkaleth)

- LinkedIn: [LinkedIn](https://linkedin.com/in/nseguralu)

(back to top)


## 🔭 Future Features 

- **Tailwind**

- **Three JS**

(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 follow me to know more about me and my future projects.

(back to top)


## 🙏 Acknowledgments 

I would like to thank @adrianhajdin for the design idea.

(back to top)


## 📝 License 

This project is [MIT](/MIT.md) licensed.

_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._

(back to top)