Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tinspham209/portfolio-blog-sanity
Building a Portfolio Website: Blog, Projects, About
https://github.com/tinspham209/portfolio-blog-sanity
react sanity-io tailwindcss
Last synced: about 8 hours ago
JSON representation
Building a Portfolio Website: Blog, Projects, About
- Host: GitHub
- URL: https://github.com/tinspham209/portfolio-blog-sanity
- Owner: tinspham209
- Created: 2020-12-15T16:15:59.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2023-12-15T08:21:55.000Z (11 months ago)
- Last Synced: 2023-12-15T09:30:02.884Z (11 months ago)
- Topics: react, sanity-io, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 516 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
..
# Mini Project: Portfolio Website: Blog
## Date: 15- Dec - 2020
### Functions
- Blog
- Projects
- About
### Screenshot
- ![is-developing]()
### Tech-Stack
- React
- tailwindscss
- @sanity.io
### API Used
### Deploy
- [Live Site](link)
- [Live Server](link)
### Plan Of Action
- Setup React app, Sanity Studio, and GitHub
- Setup TailwindCSS
- React Routing
- Navbar component
- Home component
- Posts component
- Projects component
- Single Post component
- About component
- Wrap up and push to GitHub
- Deploy to Netlify and Sanity
### After this project
I have understand about
- How to use tailwindscss for style
- How to use Sanity for create a blog server
- How to implement from sanity block to content in react
- How to create a new category of list block sanity
- Next Steps:
- Responsive Mobile: Navbar
- Fix: Single Post that have padding
### Directory Structure
```
.
├── .gitignore
├── package.json
├── README.md
├── public
└── src
├── App.js
├── App.css
├── index.css
└── index.js
```
### Set up
Use the cmd line to clone repo to your computer
```
git clone [github_repo_url]
```
Use the cmd line to install dependencies.
```
npm install
```
Run in cmd for start the dependencies server
```
npm start
```