https://github.com/uragirii/the-website

My personal portfolio
https://github.com/uragirii/the-website

firebase hosting personal-web-portfolio personal-website portfolio-website react website

Last synced: about 2 months ago
JSON representation

My personal portfolio

• Host: GitHub
• URL: https://github.com/uragirii/the-website
• Owner: uragirii
• Created: 2020-07-28T22:23:58.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-10T02:44:00.000Z (almost 2 years ago)
• Last Synced: 2023-03-07T12:18:12.214Z (almost 2 years ago)
• Topics: firebase, hosting, personal-web-portfolio, personal-website, portfolio-website, react, website
• Language: JavaScript
• Homepage: http://apoorv.web.app/
• Size: 4.46 MB
• Stars: 7
• Watchers: 2
• Forks: 1
• Open Issues: 7
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


    



# The Website

This is my Personal Porfolio-Website to showcase my talent in CSS, React and Web Development along with my other projects.

The Website is completly ready. GO and visit the website.

Visit Website Here : [apoorv.web.app](http://apoorv.web.app/)

## The Details

The behind-the-scenes stuff and other things.

### Color Palette

At first I decided to make a dark mode toggle but I love Dark mode and decided to set it as default mode of the website.

The background is dark blue-black color : `#0D0416` 

The foreground is a bright pinkish color and I slightly mixed my background to make it darker : `#D50056`

Right now I'm using a Perfect White for Headings and slight Off White(`#F4F1F1`) for secondary. I intend to change it in the future.

Now I've also added favicon and improved all the project details.

### Technical Stuff

I used `React JS` to make the website and then used Firebase Hosting to Host the website. But along with `React JS` following things have significantly helped in the process.

- `GSAP` and `useIntersection` : The animations on scoll is provided using GSAP 3.0 and using a custom hook : `useIntersection`. If you want to know what `useIntersection` is read about [Intersection Observer API on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API).

- `Figma` : I can't stress this enough but using Figma for designing the website beforehand significantly reduced my developement time. I will share Figma Project for this website in future. Check out Figma [here](https://www.figma.com/).

- `Nodemailer` : I'm using nodemailer to send emails for contacting me. It has really reduced my work.

- `Firebase` : Firebase is a great service for hosting the website and even check the analytics. I'm using Firebase Analytics/Google Analytics to get the analytics data.

- Helpful Community : I just love programming community on Reddit, StackOverflow, Medium, YouTube etc. There numerous tutorials and articles have helped in solving made bugs.

### Future Plans

I'm deciding to name all the alpha versions to spell `KONOHA`, birthplace of Naruto. So, in all, all there would be atmost 6 versions. 

The `v1` of website is ready and called `v1.0KONOHA`. But this doesn't mean there would not be further development. Right now, I'm looking to buy a custom domain and deploy it.

Stay tuned for `v2`

## I found something wrong

If you have found a bug, some glitch in UI / UX, please open an Issue. If possible do provide a screenshot. 

If you want to help add a feature, sorry I want to develop this website completly on my own. I hope you respect that. But at the same time I'm available for your suggestions. Please open an Issue describing your feature(s). Thanks.

---

[Visit the website here](http://apoorv.web.app/). I hope you love it. If hate something or if I've done something wrong [email me](mailto:[email protected]) and I will try to fix it.