Course

Demo Description and Features

Image

Now, it's time to move on to the next sections of your README, which are arguably the second most important. These sections help users try out your project, understand its purpose, and, if they choose, set it up on their local machine.

Let's see how to do that one by one.

Demo

First & foremost, include a live demo with a screenshot of your project. This gives users a quick visual overview of what your project looks like and how it functions.

Template

## 🌐 Demo

Here is a live demo of CarePulse in action: [CarePulse Demo](https://carepulse-demo.com)

![CarePulse Demo](https://carepulse-demo.com/demo-screenshot.png)

By doing this, users get a link to try out your project and see how it works. And including a screenshot gives them a preview of what they'll see when they click the linkβ€”it's like a sneak peek into your project.

If you haven't yet deployed your project, please do so before continuing. It's important to have a live demo to show users how to use your project. Specially if you're building frontend or fullstack projects.

You can use deployment services like:

  1. GitHub Pages - Ideal for hosting static sites directly from a GitHub repository.
  2. Vercel - Optimized for front-end & Next.js frameworks and static sites with easy deployment.
  3. Netlify - Suitable for static sites and web applications with continuous deployment.
  4. Heroku - Supports a variety of languages and frameworks for deploying web applications.
  5. Firebase Hosting - Great for static and dynamic hosting, especially for web apps.
  6. AWS (Amazon Web Services) - Offers extensive services for hosting and deploying applications.
  7. Google Cloud Platform (GCP) - Comprehensive cloud services for deploying web apps and services.
  8. Microsoft Azure - Scalable cloud services for deploying a wide range of applications.
  9. DigitalOcean - Provides scalable cloud computing solutions for deploying applications.
  10. Railway - A developer-friendly cloud platform for deploying web applications.
  11. Render - Simplifies deployment for web applications, APIs, and static sites.
  12. Glitch - Collaborative platform for creating and deploying web apps quickly.
  13. Surge - Simple, command-line based static site hosting.
  14. Fly.io - Platform for deploying full-stack apps and handling backend services.
  15. Cyclic - Automated deployment and hosting for full-stack applications.

... and other if you know any!

But do deploy your project. Do it so it'll be easier for users or employers to try out your project within a fraction of a second.


Description

The description section provides context about your project. It should answer the following questions:

  • Motivation: Why did you build this project?
  • Purpose: What problem does it solve?
  • Features: What are the main features or functionalities?
  • Technologies Used: What technologies, frameworks, or libraries are used in the project?
Bad Example

πŸ“ Description

CarePulse is a tool for healthcare. It lets you book appointments and monitor health. The project uses React and Node.js. I built it to improve healthcare services.


Provides some basic information about the project's purpose and technologies used, but lacks detail and specificity.

There is no motivation, key features to explain the specific problem it addresses or what user can expect from the project.

Good Example

πŸ“ Description

CarePulse is a comprehensive healthcare management system designed to simplify patient care. Our platform allows patients to book appointments with healthcare providers, view medical records, and monitor their health in real-time.

  • Motivation: Built to enhance patient care and streamline healthcare management.
  • Key Features:
    • Easy appointment scheduling
    • Real-time health monitoring
    • Secure access to medical records
  • What I Learned: Developed skills in React, Node.js, and secure data handling practices.

Clearly explains the project's purpose and benefits.

Highlights key features that make the project valuable.

Includes a section on what the developer learned, adding a personal touch and showcasing skills gained.


Table of Contents (Optional)

Image

If your README is long, add a table of contents to make it easy for users to find what they need.

Template

- [Installation](#installation)
- [Usage](#usage)
- [Credits](#credits)
- [License](#license)

Remember to link each section to its corresponding content in the README. Avoid linking to sections that don't exist.


Features

Here you outline the main functionalities and capabilities of your project. It should give users a quick understanding of what your project can do.

Structure

Start with a brief introduction that sets the context for the features you're about to describe. Then, list each feature in bullet points with short descriptions.

Template

## ✨ Features

Here are the key features of our XX project:

- **Feature 1**

  Short description of feature 1.

- **Feature 2**

  Short description of feature 2.

- **Feature 3**

  Short description of feature 3.

- **Feature 4**

  Short description of feature 4.

- **Feature 5**

  Short description of feature 5.

Tips for Writing Features

  • Focus on functionality that sets your project apart or addresses specific user needs.
  • Use action-oriented language to describe what each feature does.
  • Prioritize features based on their importance and relevance to the project.

Examples

Good Example

✨ Features

Here are the key features of our Online Shopping Platform:

  • User Authentication

    Secure registration and login system for users and admins.

  • Product Catalog

    Browse and search through a wide range of products.

  • Shopping Cart

    Add and manage items for purchase before checkout.

  • Order Tracking

    Monitor the status of orders from purchase to delivery.

  • Payment Integration

    Seamless integration with multiple payment gateways.

  • Responsive Design

    Optimized for use on desktop, tablet, and mobile devices.

  • Admin Dashboard

    Manage products, orders, and user accounts efficiently.

Bad Example

✨ Features

  • User login
  • Product catalog
  • Shopping cart
  • Order tracking
  • Payment integration
  • Responsive design
  • Admin dashboard

Immediately after the next assignment, we'll expand our project to cover setup, usage, contribute, and more.

However, before we dive into that, let's practice creating Good README demo, description, and setup sections for your project.

0 Comments

"Please login to view comments"

glass-bbok

Join the Conversation!

Subscribing gives you access to the comments so you can share your ideas, ask questions, and connect with others.

Upgrade your account
tick-guideNext Lesson

Assignment: Create Demo Description and Setup