By Mark McConnell

A fully responsive fullstack portfolio website using React & Sanity to showcase my projects, skills, experiences and general info about me as a programmer and person. https://marksprogramming.com/

🖥️ Technologies Used

✅ Description

This is a Capstone Project for Epicodus. This is a fully responsive fullstack portfolio website to showcase my projects, resume and general info about me as a programmer and person. Furthermore, it has my contact info, skills, experiences and testimonials from other students at epicodus. This project uses Sass(scss), CSS and Framer Motion for styling. This project uses React for the front-end development and uses Sanity for the back-end content management. The application has been deployed via netlify and the domain name via hostinger has been delegated to netlify servers. Two of my projects listed are also fully deployed and that is reflected in their description.

⚙️Setup/Installation Requirements

To get started clone this repository https://github.com/amarkmcconn/my_portfolio

You will need to create an account on @ https://www.sanity.io/

In the backend_sanity directory, run

1. npm install -g @sanity/cli

2. sanity start

        This will open sanity studio in order for you to manage your content
   

3. sanity manage

        To open the project settings in a browser
   

4. more sanity commands can be found below

In the frontend_react directory, you can run

1. npm install

        This will install all the required dependencies for the project to run correctly
   

2. npm start

   Runs the app in the development mode.
   Open http://localhost:3000 to view it in your browser.

   The page will reload when you make changes.
   You may also see any lint errors in the console.

3. npm test

   Launches the test runner in the interactive watch mode.
   See the section about running tests

4. npm run build

   Builds the app for production to the build folder.
   It correctly bundles React in production mode and optimizes the build for the best performance.

   The build is minified and the filenames include the hashes.
   Your app is ready to be deployed!

   See the section about deployment

5. npm run eject

   Note: this is a one-way operation. Once you eject, you can't go back!

   If you aren't satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

   Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.

   You don't have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.

🚀 Deployment

1. Sign up for a free account on https://app.netlify.com/
2. Once your account has been setup, click on the Sites option
3. Open your project from file explorer and find your build folder
4. Drag and drop your build folder into the sites section
5. Then click on Domain settings and go to domains and click edit site name, you will be able to enter a custom domain name that has .netlify.app after it. You will also have options to purchase a domain via this website.
6. If your domain has been purchased via another site you always delegate your domain to Netlify.
7. Documentation can be found here: https://docs.netlify.com/domains-https/netlify-dns/delegate-to-netlify/

Known 🐛 Bugs

• No Known Issues

🎫License

MIT 👈

If you run into any issues or have questions, ideas, or concerns; please email me: at [email protected]

Copyright (C) 2022 Mark McConnell

Sanity Clean Content Studio

Congratulations, you have now installed the Sanity Content Studio, an open source real-time content editing environment connected to the Sanity backend.

• Read “getting started” in the docs
• Join the community Slack
• Extend and build plugins

Now you can do the following things:

usage: sanity [--default] [-v|--version] [-d|--debug] [-h|--help] []

Commands:

• build - Builds the current Sanity configuration to a static bundle
  
• configcheck - Checks if the required configuration files for plugins exists and are up to date
  
• cors - Interact with CORS-entries for your project
  
• dataset - Interact with datasets in your project
  
• debug - Gathers information on Sanity environment
  
• deploy - Deploys a statically built Sanity studio
  
• docs - Opens the Sanity documentation
  
• documents - Interact with documents in your project
  
• exec - Runs a script in Sanity context
  
• graphql - Interact with GraphQL APIs
  
• help - Displays help information about Sanity
  
• hook - Interact with hooks in your project
  
• init - Initialize a new Sanity project or plugin
  
• install - Installs a Sanity plugin to the current Sanity configuration
  
• login - Authenticates against the Sanity.io API
  
• logout - Logs out of the Sanity.io session
  
• manage - Opens the Sanity project management UI
  
• projects - Interact with projects connected to your logged in user
  
• start - Starts a web server for the Content Studio
  
• undeploy - Removes the deployed studio from .sanity.studio
  
• uninstall - Removes a Sanity plugin from the current Sanity configuration
  
• upgrade - Upgrades all (or some) Sanity modules to their latest versions
  
• users - Manage users of your project
  
• versions - Shows the installed versions of Sanity CLI and core components
  

See 'sanity help ' for specific information on a subcommand.