book.news

Blog service that provides access to literary reviews for a certain price monthly. After the user is logged in, he or she can pay a subscription with a credit card through Stripe to have full access to all reviews. The blog owner will write and post reviews through Prismic CMS.

📁 Index

• Preview
• Features
• Technologies
• Color Scheme
• Setup
• Developpers

📷 Preview

🔨 Features

• Homepage: Different homepages in case the user is logged in or not.
• Loader: Loading animation while navigating through routes.
• Post Preview: Only users that are logged in and have a subscription can read the full text of a post.
• Post Listing: Sort algorithm to show recent posts first.
• Comments: Comment section made with Utterance.
• Form Validation: Customized real-time form validation.

🚀 Technologies

✔️ HTML 5
✔️ CSS 3
✔️ Sass/SCSS
✔️ TypeScript
✔️ React.js
✔️ Next.js
✔️ Axios
✔️ Stripe
✔️ Prismic

🖌️ Color Scheme

Main color: #61dafb
Background: #121214
Grey shades: 100: #e1e1e6 | 300: #a8a8b3 | 700: #323238 | 800: #29292e | 850: #1f2729

⚙️ Setup

1. Clone this repo git clone https://github.com/codinginrainbows/book.news
2. Access folder cd book.news
3. Install all dependencies yarn
4. Run yarn dev
5. Open http://localhost:3000 in your preferred browser.

👨‍💻 Developers

Gabriel Garcia