Skip to content

Full-Stack Developer Portfolio Site: A landing page designed to showcase the skills of a full-stack developer. Features interactive animations to enhance visual appeal and highlight projects.

License

Notifications You must be signed in to change notification settings

gudzsv/project-syntax-samurais-02

Repository files navigation

This is GOIT "Javascript Team Project"(project-syntax-samurais-02)

Actions after copy Project from GitHub to local machine

  1. Install dependency: npm install
  2. Start project: npm run dev

Please create file in root directory to save your pull requests

File name should be: pullrequests-list.txt alt text

Maket Figma

Technical Task

Trello

Branch naming link to video alt text

Work with branches link to video

Work with branches conflict link to video

Libraries

On Scroll Animation library link

install: npm install aos --save

Use: (all classes see in the web site)

<script>
  AOS.init();
</script>

Accordion library link

install:

npm install accordion-js

Use:

import Accordion from 'accordion-js';
import 'accordion-js/dist/accordion.min.css';

Swiper library link

install: npm install swiper

Use:

// import Swiper JS
import Swiper from 'swiper';
// import Swiper styles
import 'swiper/css';
const swiper = new Swiper(...);

Example:

const swiper = new Swiper('.swiper', {
  // Optional parameters
  direction: 'vertical',
  loop: true,

  // If we need pagination
  pagination: {
    el: '.swiper-pagination',
  },

  // Navigation arrows
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },

  // And if we need scrollbar
  scrollbar: {
    el: '.swiper-scrollbar',
  },
});

Izitoast library link

install: npm install izitoast --save

Use:

import iziToast from "izitoast";
import "izitoast/dist/css/iziToast.min.css";

Example:

iziToast.show({
    title: 'Hey',
    message: 'What would you like to add?'
});

Axios library link

install: npm install axios

Example:

axios({
  method: 'post',
  url: '/user/12345',
  data: {
    firstName: 'Fred',
    lastName: 'Flintstone'
  }
});

About

Full-Stack Developer Portfolio Site: A landing page designed to showcase the skills of a full-stack developer. Features interactive animations to enhance visual appeal and highlight projects.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published