Git Product home page Git Product logo

blogr's Introduction

Blogr

Blogging services webpage and application.

Link to project: https://blogr-marksist300.vercel.app/

Project gifs: mobile display gif desktop display gif

Key info:

This is an site built to practice building out more frontend designs. I plan to also add a backend to it with a simple text editor and blog demo platform to be a fullstack blog demo app.
I choose Nextjs to build the project forseveral reasons:
-the SEO advantages it offers over pure React.
Also Nextjs provides a strong footing for further development of the application in future, if I start building more of the backend and other services and the app grows in complexity Nextjs offers a strong framework in order to do those things.

Tech used: HTML, SASS/CSS, Typescript, Nextjs/Reactjs, Bootstrap

Optimizations

The frontend of the project is complete, however there are other features that I would like to add in the future to give a little more depth to the project and to set it up to serve as a basic demo of a blogging app
I plan in the future to build out the BE by doing the following:
[ ] - adding auth for users to sign up to and login to the app
[ ] - to add a simple text editor to enable a blogging app demo

Lessons Learned:

This was the first time I had used Nextjs so was a nice introduction to it. As part of this project and alongside I did a lot of research also into the functionality of Nextjs and have learnt alot about SSR vs CSR vs SSG vs ISR which was very interesting.
Also this was the first time I had used Bootstrap, I've experience with other UI frameworks and libraries but had never used Bootstrap. Using it in conjunction with Nextjs presented some issues and good learning opportunities regarding reconfiguring and customising the Bootstrap styles.

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.