CloudScape

Overview

This project is a full-stack blogging platform designed to provide a seamless user experience for creating, reading, updating, and deleting blog posts. The front-end is built using React and React Router, allowing users to navigate between different pages such as the homepage, profile page, blog posts, and login/signup forms. The backend leverages Azure Functions for serverless API management, handling tasks such as user authentication, blog post management, and data retrieval.

Key Features

  • User Authentication: Secure login and signup system that allows users to create an account, log in, and manage their profiles.
  • Dynamic Content Management: Users can create, edit, and delete blog posts, which are dynamically fetched and displayed on the homepage.
  • Profile Management: Users can view and update their profiles, including personal information and a list of their blog posts.

Technologies Used

  • React: For building the user interface, with components like `Homepage`, `Login`, `BlogPage`, and `ProfilePage`.
  • React Router: For handling client-side routing, allowing users to navigate between different views without reloading the page.
  • Microsoft Azure: Serverless backend to handle API requests and manage data.
  • MySQL: For managing the database, ensuring efficient data storage, retrieval, and complex query execution.

Demo

Here is a showcase of the blog creation process using CloudScape. It shows our working database; handling login information and account creation, and how posts are dynamically fetched and rendered on the platform. Each post can include text, images, and other media to create a rich blogging experience.

Login Page
Profile Page
Post Creation
Blog Post

Explore the source code on GitHub:

GitHub Repository