Git Product home page Git Product logo

justin-bento / portfolio Goto Github PK

View Code? Open in Web Editor NEW
1.0 3.0 0.0 22.62 MB

This project highlights my skills, experience, and web development projects. I've created this website to offers insight into my professional journey and show my capabilities as a developer.

Home Page: https://www.justin-bento.com/

JavaScript 2.58% TypeScript 95.45% CSS 1.98%
nextjs react sanity tailwindcss typescript vercel google-analytics

portfolio's Introduction

Portfolio.

Portfolio is Justin Bento's main repository that hosts all the files for my website. This website is based on the React ecosystem using Sanity as the content management System. The goal of my portfolio is to tell the story of how each project came to be. By focusing on the journey, challenges, and insights gained throughout the design, and development process.

Installation

Follow these steps to set up the project:

Step 1: Navigate to the Main Folder

First, navigate to the main folder of the project:

cd portfolio

Step 2: Install Dependencies

Use npm to install all necessary packages for the portfolio:

npm install

Usage

Step 1: Start the Development Server

Navigate to the main project folder and start the development server:

cd portfolio
npm run dev 

This command will start the development server and you should see output indicating that the server is running.

Step 2: Access the Application

Open your browser and go to:

 url: http://localhost:3000

You should see the homepage of the portfolio application.

Step 3: Interacting with the Application

  • Homepage: View an overview of the portfolio with a summary of projects and skills.
  • About: Visit the about section feel free to ket to know me
  • Projects Page: Navigate to the projects page to see detailed descriptions of each project.

Step 4: Using Sanity Studio

To access and manage the content using Sanity Studio, navigate to the portfolio-studio folder and start the Sanity development server:

cd portfolio-studio
sanity start

Open your browser and go to:

http://localhost:3333

You should see the Sanity Studio interface where you can manage your project's content.

Note: Ensure that your .env file is correctly configured with your Sanity project ID and dataset to avoid any issues with content display.

Note: Changing the project ID and dataset will cause the articles related to the original project to not display, as they are linked to the original project configuration.

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

None

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.