https://github.com/samuel-ricardo/stellar_portfolio
A Example of a Portfolio with Stellar Theme
https://github.com/samuel-ricardo/stellar_portfolio
Last synced: 3 months ago
JSON representation
A Example of a Portfolio with Stellar Theme
- Host: GitHub
- URL: https://github.com/samuel-ricardo/stellar_portfolio
- Owner: Samuel-Ricardo
- License: mit
- Created: 2023-12-19T14:39:53.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-26T20:45:20.000Z (about 1 year ago)
- Last Synced: 2025-01-14T12:43:37.067Z (5 months ago)
- Language: TypeScript
- Homepage: https://stellar-portfolio.vercel.app
- Size: 9.14 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Stellar Portfolio
🚀 🟪 Stellar Portfolio 🟪 🚀
This application is a conclusion of my study about website perfomance, Real Time 3D Rendering and animations with NextJS
#
|
Overview |
Technologies |
Project |
Run |
Author |
#
| :artificial_satellite: About:
In this project, the target is to build a website that beats all the main factors and metrics that measure how fast and well-structured an application can be, along with amazing UI and improve all tech skills related to website animations, i use real time 3d Rendering to generate the effect of navigating in space.
For this, i build a Dev Portfolio website, that you can use as a template, because i can apply all features and visual designs and animations that i have in mind.
📡 | Hosted on Vercel: [ https://stellar-portfolio.vercel.app/ ]
:building_construction: | Technologies and Concepts Studied:
> 
- NextJS
- TailwindCSS
- Typescript
- Docker
- Three - [3D]
- Framer Motion
- react-icons
- eslint
- Prettier
- husky
- lint-staged
- Caching
- Perfomance
- SEO
- Scalability
- Web Vitals
> Among Others...
#
💻 | Application:
This Portfolio show the highlights of a developer, social media, and some projects and pretty animations.
*Remember this software runs on free machines, that is, with the minimum of resources to fit into free plans, so with scarce resources in the production environment these were the results I obtained
### PageSpeed Insights - [ PC ]
### PageSpeed Insights - [ Mobile ]
*Mobile devices have difficulties whit 3D redering, so it impacts the performance
📡 | Hosted on Vercel: [ https://stellar-portfolio.vercel.app/ ]
👨💻 | How to use
### Open your Git Terminal and clone this repository
```git
$ git clone "[email protected]:Samuel-Ricardo/Stellar_Portfolio.git"
```
### Make Pull
```git
$ git pull "[email protected]:Samuel-Ricardo/Stellar_Portfolio.git"
```
This application use `Docker` so you dont need to install and cofigurate anything other than docker on your machine.
> 
Navigate to project folder `$ cd ./animated_portfolio/` and run it using `docker-compose`
```bash
# After setup docker environment just run this commmand on root project folder:
$ docker-compose up --build # For First Time run this command
$ docker-compose up # to run project
```
```bash
#Apps Running on:
$ APP: http://localhost:3000
See more: ./stellar_portfolio/docker-compose.yaml
```
#
:octocat: | Author:
