https://github.com/mgan59/mgan-personal-site

Morgan Craft's personal website open-sourced for others to learn and see examples. This project was built using NextJS, Styled-Components and uses a design-system based on Brad Frost's Atomic-Design
https://github.com/mgan59/mgan-personal-site

atomic-design nextjs styled-components

Last synced: 2 days ago
JSON representation

Morgan Craft's personal website open-sourced for others to learn and see examples. This project was built using NextJS, Styled-Components and uses a design-system based on Brad Frost's Atomic-Design

• Host: GitHub
• URL: https://github.com/mgan59/mgan-personal-site
• Owner: mgan59
• License: other
• Created: 2020-11-21T11:45:25.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2023-12-11T12:11:55.000Z (11 months ago)
• Last Synced: 2023-12-11T13:31:40.643Z (11 months ago)
• Topics: atomic-design, nextjs, styled-components
• Language: JavaScript
• Homepage: http://www.morgancraft.com
• Size: 717 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Morgan Craft | NextJS Personal Site

This is the personal [website](https://www.morgancraft.com/) for Morgan Craft.  The website is built ontop of [NextJS](https://nextjs.org/docs) using [Styled-Components](https://styled-components.com/). 

__Hosted on__ [![Netlify Status](https://api.netlify.com/api/v1/badges/913ff8dd-4884-4b86-8a87-a8252d47337c/deploy-status)](https://app.netlify.com/sites/awesome-mclean-f48584/deploys)

## Why Open-Source?

The code has been published here for your viewing to learn and understand my development principles.  A great place to start our with the [Closed Pull-Requests](https://github.com/mgan59/mgan-personal-site/pulls?q=is%3Apr+sort%3Aupdated-desc+is%3Aclosed) Please feel free to browser around and leave me an [issue](https://github.com/mgan59/mgan-personal-site/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc) if you have any questions or head to the [website can contact me](https://www.morgancraft.com/). :smile:

## Technical Overview

If you want more reading materials view the `docs/` folder, a good place to start is the [design-system](docs/design-system.md)

Otherwise... To run the project locally and explore

```shell

git clone [email protected]:mgan59/mgan-personal-site.git

npm install

npm run dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to the homepage.

### Other Commands 

The file tree for this project is best viewed with

```shell

tree -L 5 -I node_modules

```

## Rights & License


This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.

The code and the contents of this repository are licensed under the Creative-Commons 4.0 -- Attribution & Non-Commercial.  I'm fine with you using portions of this code and making your own versions derivative and please do so ... _HOWEVER__, do not use my images or copy. Do not use it for commericial purposes -- for instance selling it as a NextJS template/theme.