Giter VIP home page Giter VIP logo

anastazjaw01 / simplecookingblog Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 8.66 MB

Simple Cooking Blog is a web application that serves as a culinary blog with the ability to create, edit and delete posts, add comments and likes. The application allows you to register, log in and manage from the admin level.

License: MIT License

CSS 18.27% JavaScript 9.44% PHP 72.29%
api blog-app bootstrap cooking-recipes css database html javascript mysql php

simplecookingblog's Introduction

logoCooking

SimpleCookingBlog

Simple Cooking Blog is a web application that serves as a culinary blog with the ability to create, edit and delete posts, add comments and likes. The application allows you to register, log in and manage from the admin level.

Registration and login

Registration.and.login.mp4

Create post

create.post.mp4

Admin view

admin.view.mp4

Aplication Features

Adding Posts

  • Adding posts by a logged in user. Determining the title, recipe text, ingredients, selecting a photo for the post, time needed to complete, number of servings, categories and difficulty level.

Editing Posts

  • Ability to edit your posts.

Deleting Posts

  • Ability to delete your posts along with all photos and comments on the post.

Adding Comments

  • Ability to add comments to posts by logged in users.

Adding Likes

  • Ability to add like to posts by logged in users.

User Management Panel

  • User panel containing all user postsUser panel containing all user posts.

Admin Management Panel

  • Admin management panel containing:
    • All user posts can be edited and deleted,
    • All user comments can be deleted,
    • List of all users with the option to delete.

Customization

  • Changing the color theme.

Addictional

  • Sorting posts by category
  • Search for posts by keyword

Sign Up

  • Registration combined with simple validation and reCAPTCHA v3.

Sign In

  • Login with "remember me" and "forgot password" features.

Installation Process

  • Install XAMPP tool version 3.3.0.
  • Place the application folder in the XAMPP tool directory named htdocs (\xampp\htdocs).
  • Launch the XAMPP tool.
  • Click the start button for both the Apache and MySQL modules.
  • Open your web browser and type localhost/phpmyadmin in the address bar.
  • Click the Import button.
  • Choose the cookingblog.sql file from the database folder located in the application directory.
  • Click the Import button at the bottom.
  • Enter localhost/simpleCookingBlog in the address bar.

Technologies

  • HTML5
  • CSS3
  • JS ES2023
  • Bootstrap 5.3
  • PHP 8.2.4

API Reference

reCAPTCHA

Create .htaccess

SetEnv KEY = value
Parameter Description
key Required. Your API key

To create a key, go to https://www.google.com/recaptcha/admin/create, choose reCAPTCHA v3 and add to domain:


  localhost

Database Config

database

Add to .htaccess

SetEnv DB_CONN = value
Parameter Description
key Required. Your API key

simplecookingblog's People

Contributors

anastazjaw01 avatar

Stargazers

 avatar  avatar

Watchers

 avatar

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.