CSS animations in list view formatting

Published At :-

In this blog post we will have a look at how to add animations to items displayed in a SharePoint list using view formatting. To add animations, we will be using animate css library. The end result will be as shown below where we see a bar graph that represents votes for some fruits.

thumbnial

The Aryan Gupta - Blog is a full-stack blogging website built with Next.js for both the frontend and backend.

Features

  • User-friendly and responsive design.
  • View all blog posts or filter by tags.
  • Pagination for blog posts..
  • Deployment on Vercel for easy access.

Technologies Used

  • Next.js - Full-stack framework for building React applications.
  • MongoDB - NoSQL database for storing blog data.
  • Vercel - Hosting platform for deploying web applications.

Getting Started

image

Prerequisites

Before running the project, make sure you have the following software installed on your machine:

Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/aryan-gupta-blog.git

  2. Change to the project directory:

    cd aryan-gupta-blog

  3. Install the project dependencies:

    npm install

  4. Create a .env file in the root directory and configure the following environment variables:

    MONGO_URI= https://dummyurl.com
TOKEN_SECRET=dummytoken
DOMAIN=http://localhost:3000
  • PORT: The port on which the application will run.
  • MONGODB_URI: Your MongoDB connection string.
  • SECRET_KEY: A secret key for JWT token generation.

Usage

Running Locally

To run the application locally, follow these steps:

npm run dev

License

This project is licensed under the MIT License - see the LICENSE file for details.

Happy Blogging! 📝🚀

Related Article :

← Back to home